<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="对网页的一段概括性描述" />
		<meta name="keywords" content="关键字1,关键字2,关键字3..." />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>关于觉唯</title>
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/aboutjiawin.css" />
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<script src="../vendor/jquery.min.js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="vendor/bootstrapt/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://dup.baidustatic.com/js/ds.js"></script>
		<!--[if lt IE 9]>
			<script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<!--登录注册-->
		<div class="Main" id="main">
			<div class="login" id="rigest">
				<span class="change" id="change2">
					切换
				</span>
				<span class="Close" id="close2">
					关闭
				</span>
				<h1>这是注册界面</h1>
			</div>
			<div class="login" id="login">
				<span class="change" id="change1">
					切换
				</span>
				<span class="Close" id="close1">
					关闭
				</span>
				<h1>这是登录界面</h1>
			</div>
		</div>
		
		<!--导航栏-->
		<header id="header">
			<div class="content">
				<div class="nav">
					<ul class="nav-menu">
						<li class="nav-toggle">
							<i class="fa" id="menu" style="left: 18px;">
								<span></span>
								<span></span>
								<span></span>
							</i>
						</li>
						<li class="signin-toggle">
							<a href="#" style="color: white;">
								<i class="glyphicon glyphicon-user"></i>
							</a>
						</li>
						<li class="home-logo">
							<a href="../index.html">
								<span class="text-replace">觉唯设计</span>
							</a>
						</li>
					</ul>
					<ul class="nav-list clearfix" id="navList">
						<li id="logo">
							<a href="../index.html"><span class="text-replace"></span></a>
						</li>
						<li>
							<a href="article.html" class="jw-nav-item" style="padding-right: 0;">文章</a>
						</li>
						<li>
							<a href="see.html" class="jw-nav-item">欣赏</a>
						</li>
						<li>
							<a href="matelrial.html" class="jw-nav-item">素材</a>
						</li>
						<li>
							<a href="exchange.html" class="jw-nav-item">兑换</a>
						</li>
						<li>
							<a href="active.html" class="jw-nav-item">活动</a>
						</li>
						<li>
							<a href="weiran.html" class="jw-nav-item">唯然</a>
						</li>
						<li>
							<a href="aboutjiawin.html" class="jw-nav-item">更多</a>
							<ul class="sub-menu">
								<li>
									<a href="aboutjiawin.html">关于觉唯</a>
								</li>
								<li>
									<a href="aboutjiawin1.html">留言联系</a>
								</li>
							</ul>
						</li>
						<li id="login-reg">
							<div>
								<a class="user-signin jw-nav-item" id="login1">登录</a>
							</div>
							<div>
								<a class="user-reg jw-nav-item" id="rigest1">注册</a>
							</div>
						</li>
						<li id="search" style="padding: 0 13px;">
							<form action="" method="post">
								<div class="search-input-wrapper">
									<span class="search-icon">
										<i class="fa glyphicon glyphicon-search"></i>
									</span>
								</div>
							</form>
						</li>
					</ul>
				</div>
			</div>
		</header>

		<!--container-->
		<div id="container">
			<div class="content page">
				<div id="primary">
					<div class="area">
						<div class="page-wrapper">
							<article class="article Article">
								<header class="single-header">
									<div class="single-meta">
										<h1>关于觉唯</h1>
									</div>
								</header>
								<div class="single-content">
									<p>
										<a href="#"/>《觉唯》</a>
										：推崇以用户为中心的设计理念，致力于为设计爱好者提供一个良好的学习交流平台。
									</p>
									<p>拥有国内外最新的设计潮流趋势、独特而美的创意、新颖而前卫思维意识、极致酷炫的人机交互体验，更有严谨而通俗的技术教程！将成为设计者不可或缺的好帮手。</p>
									<p>
										<a href="#"/>《唯然  –  灵感》</a>
										：是觉唯旗下的图片分享社区，旨在寻找设计灵感，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。
									</p>
									<p>觉唯感谢朋友们的支持与关注，觉唯有你而精彩，我们愿与你一起成长，一起变得更加优秀！</p>
									<p style="text-align: center;">
										<img src="../images/more1.jpg"/>
									</p>
								</div>
							</article>
							<article class="article">
								<header class="single-header">
									<div class="single-meta">
										<h1>免责声明</h1>
									</div>
								</header>
								<div class="single-content">
									<p>
										1、觉唯(下文简称本站)提供的所有内容仅供学习、交流和分享用途，只供参考。本站资源禁止并谢绝未经本站许可的使用，如若欲转载，请署名以及注明出处，请务必以文字链接的形式标明或保留文章原始出处和作者的信息。本站(原创)文章、资源、图片等所有内容，一经转载，即表示您已经接受上述声明！需自行承担一切风险与责任；
									</p>
									<p>
										2、关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点，与本站观点及立场无关；浏览者在本站发表信息时需要遵守中国现行相应法律，不得发布违法信息；
									</p>
									<p>
										3、在本站的网页上有时候可能会出现有为浏览者提供方便的第三方链接(包括链接引用)或广告出现，链接或广告内容并不代表本站观点，若点击即可能将离开本站进入第三方站点，而本站将不为第三方站点带来的任何风险负责；
									</p>
									<p>
										4、关于转载内容，本站中有一部分来源于网络和媒体的内容(文章、源码、资源附件等)将通过好文转载、出于个人整理收藏，会员分享，信息普及目的或引用点评的形式在原作者默许(未注明、放弃、佚名、部分保留版权等)或注明允许通过相关网络版权协议的情况下进行转载或引用点评，并都会在文章注明出处或作者及相关信息、链接；因有些转文内容来自搜索引擎，出处可能有很多，本站不便确定查证，可能会将这类文章转载来源归类于来源于网络，并尽可能的标出参考来源、出处，本站尊重原作者的成果，若本站内容侵犯了您的合法权益时或者对转载内容有疑义的内容原作者，请书面反馈并提供确切的个人身份证明与详细资料信息在第一时间以邮件（或电联）的形式进行联系沟通；
									</p>
									<p>
										5、本站不完全保证所有内容的完整性、准确性和及时性；本站的浏览如果出现由于Internet线路、恶意群发、黑客入侵或其他不可抗力等原因直接给您造成了麻烦，本站对您或任何第三方均不承担任何责任。
									</p>
									<p>
										6、用户会员在本站发表、分享的内容，仅表明其个人的立场和观点，并不代表本站的立场和观点。作为内容的发表或分享者，需自行对所发表或分享的内容负责，因所发表或分享的内容引发的一切纠纷、损失，由该内容的发表或分享者承担全部直接或间接（连带）法律责任，本站不承担任何法律责任。本站用户会员以各种方式使用服务和数据（包括但不限于发表、分享、转载、浏览）的过程中，不得以任何方式利用本站直接或间接从事违反中国法律法规、以及社会公德的行为，且用户会员应当恪守下述承诺：
									</p>
									<p>
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。
									</p>
									<p>
										发布或分享提供的内容符合中国法律法规、社会公德；
									</p>
								</div>
							</article>
							<article class="article">
								<header class="single-header">
									<div class="single-meta">
										<h1>关于隐私</h1>
									</div>
								</header>
								<div class="single-content">
									<p>
										1、当您在觉唯网（以下简称本站）进行注册登录、第三方绑定帐号、购买商品、发布评论时，在您的同意以及告知的前提下，我们将会保存相关的个人资料数据（如：电子邮箱、Cookie信息、第三方网站授权信息、支付授权信息以及IP地址等等）到本站；您在本站所提供的信息都是基于自愿原则，您在任何时候都可以拒绝提供这些信息。
									</p>
									<p>
										2、在未经访问者授权下，本站绝对不会将访问者的任何隐私信息透露、展示给第三方。以下情况除外：
									</p>
									<p>
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										抗力而造成的个人资料泄露、丢失、被盗用或被窜改等；
									</p>
								</div>
							</article>
							<article class="article">
								<header class="single-header">
									<div class="single-meta">
										<h1>网站地图</h1>
									</div>
								</header>
								<div class="single-content">
									<p>
										<a href="#"/>《觉唯》</a>
										：推崇以用户为中心的设计理念，致力于为设计爱好者提供一个良好的学习交流平台。
									</p>
									<p>拥有国内外最新的设计潮流趋势、独特而美的创意、新颖而前卫思维意识、极致酷炫的人机交互体验，更有严谨而通俗的技术教程！将成为设计者不可或缺的好帮手。</p>
									<p>
										<a href="#"/>《唯然  –  灵感》</a>
										：是觉唯旗下的图片分享社区，旨在寻找设计灵感，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。
									</p>
									<p>觉唯感谢朋友们的支持与关注，觉唯有你而精彩，我们愿与你一起成长，一起变得更加优秀！</p>
									<p style="text-align: center;">
										<img src="../images/more1.jpg"/>
									</p>
								</div>
							</article>
							<article class="article">
								<header class="single-header">
									<div class="single-meta">
										<h1>留言联系</h1>
									</div>
								</header>
								<div class="single-content">
									<p>
										1、觉唯(下文简称本站)提供的所有内容仅供学习、交流和分享用途，只供参考。本站资源禁止并谢绝未经本站许可的使用，如若欲转载，请署名以及注明出处，请务必以文字链接的形式标明或保留文章原始出处和作者的信息。本站(原创)文章、资源、图片等所有内容，一经转载，即表示您已经接受上述声明！需自行承担一切风险与责任；
									</p>
									<p>
										2、关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点，与本站观点及立场无关；浏览者在本站发表信息时需要遵守中国现行相应法律，不得发布违法信息；
									</p>
									<p>
										3、在本站的网页上有时候可能会出现有为浏览者提供方便的第三方链接(包括链接引用)或广告出现，链接或广告内容并不代表本站观点，若点击即可能将离开本站进入第三方站点，而本站将不为第三方站点带来的任何风险负责；
									</p>
									<p>
										4、关于转载内容，本站中有一部分来源于网络和媒体的内容(文章、源码、资源附件等)将通过好文转载、出于个人整理收藏，会员分享，信息普及目的或引用点评的形式在原作者默许(未注明、放弃、佚名、部分保留版权等)或注明允许通过相关网络版权协议的情况下进行转载或引用点评，并都会在文章注明出处或作者及相关信息、链接；因有些转文内容来自搜索引擎，出处可能有很多，本站不便确定查证，可能会将这类文章转载来源归类于来源于网络，并尽可能的标出参考来源、出处，本站尊重原作者的成果，若本站内容侵犯了您的合法权益时或者对转载内容有疑义的内容原作者，请书面反馈并提供确切的个人身份证明与详细资料信息在第一时间以邮件（或电联）的形式进行联系沟通；
									</p>
									<p>
										5、本站不完全保证所有内容的完整性、准确性和及时性；本站的浏览如果出现由于Internet线路、恶意群发、黑客入侵或其他不可抗力等原因直接给您造成了麻烦，本站对您或任何第三方均不承担任何责任。
									</p>
									<p>
										6、用户会员在本站发表、分享的内容，仅表明其个人的立场和观点，并不代表本站的立场和观点。作为内容的发表或分享者，需自行对所发表或分享的内容负责，因所发表或分享的内容引发的一切纠纷、损失，由该内容的发表或分享者承担全部直接或间接（连带）法律责任，本站不承担任何法律责任。本站用户会员以各种方式使用服务和数据（包括但不限于发表、分享、转载、浏览）的过程中，不得以任何方式利用本站直接或间接从事违反中国法律法规、以及社会公德的行为，且用户会员应当恪守下述承诺：
									</p>
									<p>
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。
									</p>
									<p>
										发布或分享提供的内容符合中国法律法规、社会公德；
									</p>
								</div>
							</article>
							<article class="article">
								<header class="single-header">
									<div class="single-meta">
										<h1>友情链接</h1>
									</div>
								</header>
								<div class="single-content">
									<p>
										1、当您在觉唯网（以下简称本站）进行注册登录、第三方绑定帐号、购买商品、发布评论时，在您的同意以及告知的前提下，我们将会保存相关的个人资料数据（如：电子邮箱、Cookie信息、第三方网站授权信息、支付授权信息以及IP地址等等）到本站；您在本站所提供的信息都是基于自愿原则，您在任何时候都可以拒绝提供这些信息。
									</p>
									<p>
										2、在未经访问者授权下，本站绝对不会将访问者的任何隐私信息透露、展示给第三方。以下情况除外：
									</p>
									<p>
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										●  本站有权对违反上述承诺的内容予以删除。<br />
										抗力而造成的个人资料泄露、丢失、被盗用或被窜改等；
									</p>
								</div>
							</article>
						</div>
					</div>
					
					<div class="aside">
						<div class="menus">
							<ul id="morejiawin" style="margin-bottom: 0;">
								<li class="current_page_item"><a href="#">关于觉唯</a></li>
								<li class=""><a href="#">免责申明</a></li>
								<li class=""><a href="#">关于隐私</a></li>
								<li class=""><a href="#">网站地图</a></li>
								<li class=""><a href="#">留言联系</a></li>
								<li class=""><a href="#">友情链接</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--footer-->
		<footer id="footer">
			<div class="content">
				<nav class="inner">
					<aside id="describe" class="group">
						<h3>觉唯</h3>
						<p class="describe-text" style="margin-bottom: 2px;">以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的交互体验，更有严谨而通俗的技术教程！</p>
						<p>唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
					</aside>
					<aside class="group">
						<h3>关于</h3>
						<div class="menu-about-container">
							<ul id="menu-about" class="menu">
								<li>
									<a href="#">关于觉唯</a>
								</li>
								<li>
									<a href="#">留言联系</a>
								</li>
								<li>
									<a href="#">友情链接</a>
								</li>
								<li>
									<a href="#">免责声明</a>
								</li>
								<li>
									<a href="#">网站地图</a>
								</li>
							</ul>
						</div>
					</aside>
					<aside class="group">
						<h3>栏目</h3>
						<div class="menu-about-container">
							<ul id="menu-about" class="menu">
								<li>
									<a href="#">用户体验</a>
								</li>
								<li>
									<a href="#">素材下载</a>
								</li>
								<li>
									<a href="#">设计欣赏</a>
								</li>
								<li>
									<a href="#">主题商店</a>
								</li>
								<li>
									<a href="#">唯然灵感</a>
								</li>
							</ul>
						</div>
					</aside>
					<aside class="group">
						<h3>友链</h3>
						<div class="menu-about-container">
							<ul id="menu-about" class="menu">
								<li>
									<a href="#">前端观察</a>
								</li>
								<li>
									<a href="#">设计达人</a>
								</li>
								<li>
									<a href="#">MAKA</a>
								</li>
							</ul>
						</div>
					</aside>
					<aside id="social" class="group">
						<h3>关注</h3>
						<div>
							<ul id="menu-about" class="menu">
								<li>Email:
									<a href="#">javin@jiawin.com</a>
								</li>
								<li class="social-email">
									<form>
										<div class="social-email">
											<input class="email" type="email" name="to" id="to" placeholder="请输入您的邮箱" />
											<input class="submit" type="submit" value="订阅" />
										</div>
									</form>
								</li>
								<li class="social-icon">
									<a class="social-icon-item1" href="#"><i class="glyphicon glyphicon-glass"></i></a>
									<a class="social-icon-item1" href="#"><i class="glyphicon glyphicon-glass"></i></a>
									<a class="social-icon-item1" href="#"><i class="glyphicon glyphicon-glass"></i></a>
									<a class="social-icon-item1" href="#"><i class="glyphicon glyphicon-glass"></i></a>
									<a class="social-icon-item1" href="#"><i class="glyphicon glyphicon-glass"></i></a>
								</li>
							</ul>
						</div>
					</aside>
				</nav>
				<div class="site-info">
					<p class="copyright" style="font-size: 12px;font-family: '微软雅黑';">
						Copyright © 2012-2016
						<a href="#" style="color: #00C3B6;text-decoration: none;">觉唯设计</a>
						Theme by
						<a href="#" style="color: #00C3B6;text-decoration: none;">Javin zhong</a>
						All All Right Reserved. 粤ICP备12073831号-1
					</p>
				</div>
			</div>
		</footer>
		<div id="suspend" class="show1">
			<a><i class="glyphicon glyphicon-chevron-up "></i></a>
		</div>

		<script type="text/javascript">
			//移动端导航栏
			var menu = document.getElementById("menu");
			var navList = document.getElementById("navList");
			var w=null;
			window.onresize=function(){
				w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
				if(w<=1024) {
					navList.style.display = 'none';
					menu.onclick = function() {
						if(navList.style.display == 'none') {
							navList.style.display = 'block';
						} else {
							navList.style.display = 'none';
						}
					}
				} else {
					navList.style.display = 'block';
				}
			}
			

			//返回顶部
			var backtop = document.getElementById("suspend");
			var b = null;
			backtop.onclick = function() {
				var timer = setInterval(function() {
					window.scrollBy(0, -70);
					if(b == 0) {
						clearInterval(timer);
					}
				}, 15);
			}
			window.onscroll = function() {
				b = document.documentElement.scrollTop || window.pageYOffset;
				if(b <= 20) {
					backtop.style.bottom = '-60px';
				} else {
					backtop.style.bottom = '20px';
				}
				if(b >= 200) {
					document.getElementById("header").style.background = 'black';
				} else {
					document.getElementById("header").style.background = 'rgba(0, 0, 0, 0.5)';
				}
			}
			
			//登录注册部分
			var login1=document.getElementById("login1");
			var rigest1=document.getElementById("rigest1");
			var main=document.getElementById("main");
			var login=document.getElementById("login");
			var rigest=document.getElementById("rigest");
			var close1=document.getElementById("close1");
			var close2=document.getElementById("close2");
			var change1=document.getElementById("change1");
			var change2=document.getElementById("change2");
			login1.onclick=function(){
				main.style.display='block';
				login.style.zIndex='9997';
				rigest.style.zIndex='9996';
			}
			rigest1.onclick=function(){
				main.style.display='block';
				login.style.zIndex='9996';
				rigest.style.zIndex='9997';
			}
			close1.onclick=function(){
				main.style.display='none';
			}
			close2.onclick=function(){
				main.style.display='none';
			}
			change1.onclick=function(){
				login.style.zIndex='9996';
				rigest.style.zIndex='9997';
				login.style.transform='rotateY(360deg)';
				rigest.style.transform='rotateY(360deg)';
			}
			change2.onclick=function(){
				login.style.zIndex='9997';
				rigest.style.zIndex='9996';
				login.style.transform='rotateY(0deg)';
				rigest.style.transform='rotateY(0deg)';
			}
			
			//窗口切换
			$(function() {
				var lis = $('#morejiawin li');
				var divs = $('.article');
				lis.click(function() {
					lis.removeClass('current_page_item');
					divs.removeClass('Article');
					$(this).addClass('current_page_item');
					divs.eq($(this).index()).addClass('Article');
				});
			});
		</script>
	</body>

</html>
